Centrar elementos horizontalmente

Para centrar horizontalmente un elemento de bloque (como un div), usa margin: auto;

¡Hola Mundo!

Centrar texto

Este texto está centrado.

Centrar una imagen

Para centrar una imagen, establece los márgenes izquierdo y derecho en auto, y conviértela en un elemento de bloque.

París

Alinear a la derecha usando la propiedad position

Un ejemplo de cómo alinear elementos a la derecha utilizando la propiedad position:

En mis años más jóvenes y vulnerables, mi padre me dio un consejo que he estado reflexionando desde entonces.

Alinear a la derecha con float


Alinear a la derecha usando la propiedad float

Un ejemplo de cómo alinear elementos a la derecha utilizando la propiedad float:

En mis años más jóvenes y vulnerables, mi padre me dio un consejo que he estado reflexionando desde entonces.




Centrar verticalmente usando padding

En este ejemplo, usamos la propiedad padding para centrar verticalmente el elemento div:

Estoy centrado verticalmente.




Centrar con padding y text-align

En este ejemplo, usamos padding y text-align para centrar el elemento div tanto vertical como horizontalmente:

Estoy centrado vertical y horizontalmente.